<template>
    <Carousel
        :autoplay="setting.autoplay"
        :autoplay-speed="setting.autoplaySpeed"
        :dots="setting.dots"
        :trigger="setting.trigger"
        :arrow="setting.arrow"
    >
        <Carousel-item>
            <div class="demo-carousel">1</div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carousel">2</div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carousel">3</div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carousel">4</div>
        </Carousel-item>
    </Carousel>
</template>
<script>
    export default {
        data () {
            return {
                setting: {
                    autoplay: true,
                    autoplaySpeed: 2000,
                    dots: 'inside',//指示器位置  
                    trigger: 'click',//切换箭头
                    arrow: 'hover'//指示器触发方式
                }
            }
        },
    }
</script>
<style scoped>
.demo-carousel{
    height: 300px;
    background: #eee;
    width: 100%;
}

</style>
